
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Editor | Design Blogger Templates and Widgets</title>
<meta content='Learn How to Design Blogger Templates and Create Blogger Widgets Using this HTML Editor.' name='description'/>
<meta content='Design Blogger Templates, Design Blogger Widgets, Create Widgets, CSS, HTML, Javascript' name='keywords'/>
<script type='text/javascript' src='scripts/editor.js'></script>

<style type="text/css">

body { 
	margin:0;
	padding:0;
        background:#fff;
      }
	

#wrapper {
          margin:0 auto;
          padding:0;
          width:98%;
         }

a{ color:#0080ff; text-decoration:none;}

a:hover{color:#0080ff; text-decoration:underline;}

a:visited {color:#0080ff; text-decoration:none;}


.mbt1 {
	font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; color: #289728;
}
.h {
	color: #0080ff;
}

</style>

</head>

<body>
</head>
<body>
<table width="800" border="0" style=" cellspacing="0" cellpadding="0">
  <tr><td>
</td></tr>
  <tr>
    <td>
   <table style="width:850px; padding: 2px">

<tr><td valign="top">
<form name="form1" method="post">
  <textarea name="code" style="margin:0px; color:#0080ff; font-size: 12px; font-weight: bold; font-family: arial, verdana, Tahoma;;
box-shadow: 5px 5px 5px #CCCCCC; border:solid 1px #cccccc;padding: 5px; width:350px;height:500px;scroll:auto;" onclick="focus(this.code)">&lt;style&gt;

Add CSS Code Here

&lt;/style&gt;


Add HTML Code Here</textarea>
</form>

</td><td valign="top">
<iframe src="about:blank" name="preview" style="
box-shadow: 5px 5px 5px #CCCCCC; height:500px;width:500px;border:solid 1px #cccccc;padding:5px; background:#ffffff" frameborder="0">
</iframe>
</td>
</tr>
</table>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">
 Preview</button>
<button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">
Clear </button>
</td>
  </tr>
  <tr>

    <td><center>
    <span class="mbt1">&#169; 2012, All Rights Reserved. HTML Editor by </span><a href="http://www.sharingship.com" target="_blank" title="Sharingship" >www.sharingship.com</a></center></td>
  </tr>
</table>

</div>
</body>
</html>
